<div class="anonymous-session-content">
        <div ng-show="!root.twitterSession" class="blue-bar">
            {{root.globalSearchTerm}}
        </div>
        <div ng-show="!root.twitterSession" class="container anonymous-content-container">

            <h1 class="wassup-title">What's going on</h1>
            <div class="search-form-wrapper">
                <div global-search-form></div>
                <span ng-click="root.submitSearchForm();">Search</span>
            </div>
            <p class="search-hints">
                Use <span class="operator-hint" ng-click="root.home.operatorOverlayShow = true">operators</span> for <a href="./advancedsearch">advanced search</a>
            </p>

            <div class="trend-container">
                <h4>Trends</h4>
                <ul id="horizontal-trend-list">
                    <li><a href="./search?q=%23loklak">#loklak</a></li>
                    <li ng-repeat="(key, value) in root.trends">
                        <!-- -->
                        <a href="./search?q=%23{{key}}">#{{key}}</a>
                        <!-- -->
                    </li>
                </ul>    
            </div>

            <div class="credits-container">
                <div class="left-credits">
                    <a>© 2015 loklak</a><span>-</span>
                    <a href="./about">About</a><span>-</span>
                    <a href="http://blog.loklak.net/" target="_blank" >Blog</a><span>-</span>
                    <a href="https://github.com/loklak" target="_blank" >Github</a><span>-</span>
                    <a href="http://facebook.com/loklakmessages" target="_blank" >Facebook</a>
                </div>
                
                <div class="right-credits">
                    
                </div>

            </div>

        </div>

        <div ng-show="root.home.operatorOverlayShow" class="operator-overlay-container" ng-click="root.home.evalToCloseOverlay($event);">
            <div class="operator-overlay">
                <p class="header">
                    Search operators
                    <span class="close-overlay" ng-click="root.home.operatorOverlayShow = false">x</span>
                </p>
                <div class="table-container">
                    <table>
                        <tr>
                            <th>Operator</th>
                            <th>Find tweets...</th>
                        </tr>
                        <tr ng-repeat='(prop, val) in root.home.operators track by prop'>
                            <td>{{prop}}</td>
                            <td>{{val}}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>